/*Base 960 Grid*/
/*body {*/
/*    min-width: 960px;*/
/*}*/

.container{margin-left:auto;margin-right:auto;width:960px}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{display:inline;float:left;margin-left:10px;margin-right:10px}
.push-1,.pull-1,.push-2,.pull-2,.push-3,.pull-3,.push-4,.pull-4,.push-5,.pull-5,.push-6,.pull-6,.push-7,.pull-7,.push-8,.pull-8,.push-9,.pull-9,.push-10,.pull-10,.push-11,.pull-11{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}
.container .grid-1{width:60px}
.container .grid-2{width:140px}
.container .grid-3{width:220px}
.container .grid-4{width:300px}
.container .grid-5{width:380px}
.container .grid-6{width:460px}
.container .grid-7{width:540px}
.container .grid-8{width:620px}
.container .grid-9{width:700px}
.container .grid-10{width:780px}
.container .grid-11{width:860px}
.container .grid-12{width:940px}
.container .prefix-1{padding-left:80px}
.container .prefix-2{padding-left:160px}
.container .prefix-3{padding-left:240px}
.container .prefix-4{padding-left:320px}
.container .prefix-5{padding-left:400px}
.container .prefix-6{padding-left:480px}
.container .prefix-7{padding-left:560px}
.container .prefix-8{padding-left:640px}
.container .prefix-9{padding-left:720px}
.container .prefix-10{padding-left:800px}
.container .prefix-11{padding-left:880px}
.container .suffix-1{padding-right:80px}
.container .suffix-2{padding-right:160px}
.container .suffix-3{padding-right:240px}
.container .suffix-4{padding-right:320px}
.container .suffix-5{padding-right:400px}
.container .suffix-6{padding-right:480px}
.container .suffix-7{padding-right:560px}
.container .suffix-8{padding-right:640px}
.container .suffix-9{padding-right:720px}
.container .suffix-10{padding-right:800px}
.container .suffix-11{padding-right:880px}
.container .push-1{left:80px}
.container .push-2{left:160px}
.container .push-3{left:240px}
.container .push-4{left:320px}
.container .push-5{left:400px}
.container .push-6{left:480px}
.container .push-7{left:560px}
.container .push-8{left:640px}
.container .push-9{left:720px}
.container .push-10{left:800px}
.container .push-11{left:880px}
.container .pull-1{left:-80px}
.container .pull-2{left:-160px}
.container .pull-3{left:-240px}
.container .pull-4{left:-320px}
.container .pull-5{left:-400px}
.container .pull-6{left:-480px}
.container .pull-7{left:-560px}
.container .pull-8{left:-640px}
.container .pull-9{left:-720px}
.container .pull-10{left:-800px}
.container .pull-11{left:-880px}

/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container{width:768px}
.container .grid-1,.container .grid-2,.container .grid-3,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .grid-9,.container .grid-10,.container .grid-11,.container .grid-12{margin-left:10px;margin-right:10px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container .grid-1 {width: 44px;}
.container .grid-2 {width: 108px;}
.container .grid-3 {width: 172px;}
.container .grid-4 {width: 236px;}
.container .grid-5 {width: 300px;}
.container .grid-6 {width: 364px;}
.container .grid-7 {width: 428px;}
.container .grid-8 {width: 492px;}
.container .grid-9 {width: 556px;}
.container .grid-10 {width: 620px;}
.container .grid-11 {width: 684px;}
.container .grid-12 {width: 748px;}
.container .prefix-1 {padding-left: 64px;}
.container .prefix-2 {padding-left: 128px;}
.container .prefix-3 {padding-left: 192px;}
.container .prefix-4 {padding-left: 256px;}
.container .prefix-5 {padding-left: 320px;}
.container .prefix-6 {padding-left: 384px;}
.container .prefix-7 {padding-left: 448px;}
.container .prefix-8 {padding-left: 512px;}
.container .prefix-9 {padding-left: 576px;}
.container .prefix-10 {padding-left: 640px;}
.container .prefix-11 {padding-left: 704px;}
.container .suffix-1 {padding-right: 64px;}
.container .suffix-2 {padding-right: 128px;}
.container .suffix-3 {padding-right: 192px;}
.container .suffix-4 {padding-right: 256px;}
.container .suffix-5 {padding-right: 320px;}
.container .suffix-6 {padding-right: 384px;}
.container .suffix-7 {padding-right: 448px;}
.container .suffix-8 {padding-right: 512px;}
.container .suffix-9 {padding-right: 576px;}
.container .suffix-10 {padding-right: 640px;}
.container .suffix-11 {padding-right: 704px;}
}


/*  #Mobile (Portrait) */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container{width:300px; margin: 0 20px;}
.container .grid-1,.container .grid-2,.container .grid-3,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .grid-9,.container .grid-10,.container .grid-11,.container .grid-12{margin:0px;}
.alpha{margin-left:0}
.omega{margin-right:0}
.container .grid-1,.container .grid-2,.container .grid-3,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .grid-9,.container .grid-10,.container .grid-11,.container.grid-12{width: 300px;}
.container .prefix-1,.container .prefix-2,.container .prefix-4,.container .prefix-5,.container .prefix-6.container .prefix-7,.container .prefix-8,.container .prefix-9,.container .prefix-10,.container .prefix-11{padding-left:0}
}

/* #Mobile (Landscape) */
/* Note: Design for a width of 480px */
    
@media only screen and (max-width: 767px) {
.container{width:420px}
.container .grid-1,.container .grid-2,.container .grid-3,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .container .grid-9,.container .grid-10,.container .grid-11,.container .grid-12{margin:0px;}
.alpha{margin-left:0}
.omega{margin-right:0}
.container .grid-1,.container .grid-2,.container .grid-3,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .grid-9,.container .grid-10,.container .grid-11,.container .grid-12{width: 420px;}
}

/*Reset*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/*Clearfix*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after,.container:before,.container:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after,.container:after{clear:both}
.clearfix,.container{zoom:1}